<template>
	<view>
		<view class="top">
			<!-- 申请提现表 -->
			<view class="withdrawalsList">
			
						<view class="list-one"><text>账户金额</text>
						<view class="list-two">
						<text style="color: red;">￥1500.00</text> 
						</view>
						</view>
						
						<view class="list-one" >
						<text>提现金额</text>
						<view class="list-two" style="display: flex;">
						<input type="text" class="input1" />
						<text style="margin-left: 5rpx;margin-top: -5rpx;">元</text>
						</view>
						</view>
					
						
						<view class="list-one">
						<text>真实姓名</text>
						<view class="list-two">
						<input type="text" class="input1" />
						</view>
						</view>
					
					
					<view class="list-one">
					<text>请选择银行</text>
					<view class="list-two">
					<uni-data-select
						 v-model="value"
						:localdata="range"
						placeholder="请选择银行"
					></uni-data-select>
					</view>
				 </view>
				
					<view class="list-one">
					<text>请输入银行卡号</text> 
					<view class="list-two">
					<input type="text" class="input1" style="width: 100%"/>
					</view>	
					</view>
					
						<view class="title"><text>车辆网服务平台不会通过任何渠道泄露您的个人信息，请放心填写</text></view>
						<view><button  class="btn" @click="sumbit">确认信息并提交</button></view>
			</view>
	<!-- 提现记录列表 -->

			<view class="withdrawalsList-two">
				<text style="font-weight: bold;">提现记录</text>
				
			<view>
				<view class="br"></view>
				<view style="display: flex;justify-content: space-between;">
					<view>
						<text style="font-size: 25rpx;">商家提现申请\n</text>
						<text style="font-size: 20rpx; color:#b3b3b3;">核销时间2022-10-12 11:09</text>
					</view>
					<view style="width: 100rpx; text-align: right;">
						<text class="money">-100.00\n</text>
						<text style="font-size: 20rpx; color:#b3b3b3;">审核中</text>
					</view>
				</view>
			</view>
			
			<view>
				<view class="br"></view>
				<view style="display: flex;justify-content: space-between;">
					<view>
						<text style="font-size: 25rpx;">商家提现申请\n</text>
						<text style="font-size: 20rpx; color:#b3b3b3;">核销时间2022-10-12 11:09</text>
					</view>
					<view style="width: 100rpx; text-align: right;">
						<text class="money">-100.00\n</text>
						<text style="font-size: 20rpx; color:#b3b3b3;">审核通过</text>
					</view>
				</view>
			</view>
			
			<view>
				<view class="br"></view>
				<view style="display: flex;justify-content: space-between;">
					<view>
						<text style="font-size: 25rpx;">商家提现申请\n</text>
						<text style="font-size: 20rpx; color:#b3b3b3;">核销时间2022-10-12 11:09</text>
					</view>
					<view style="width: 100rpx; text-align: right;">
						<text class="money">-100.00\n</text>
						<text style="font-size: 20rpx; color:#b3b3b3;">审核不通过</text>
					</view>
				</view>
			</view>
		</view>
			
			
		</view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				 value: "",
				        range: [
				          { value: 0, text: "农业银行储蓄卡" },
				          { value: 1, text: "工商银行储蓄卡" },
				          { value: 2, text: "中国银行储蓄卡" },
						   { value: 3, text: "中信银行储蓄卡" },
						    { value: 4, text: "邮政银行储蓄卡" },
							 { value: 5, text: "中原银行储蓄卡" },
				        ],
			}
		},
		methods: {
			// 跳转提交页面
			sumbit(){
				uni.navigateTo({
					url:"/pages/income/submit/submit"
				})
			}
		}
	}
</script>

<style>
	.br{
		width: 100%;
		height: 5rpx;
		background-color:#efeff5 ;
		margin: 10rpx auto;
	}
.top{
	width: 100vw;
	height: 20vh;
	background-color:#3082fa ;
}
.withdrawalsList{
	position: relative;
	left: 2.5%;
	background-color: white;
	width: 85vw;
	height:40vh;
	padding: 2vh 5vw 5vh 5vw;
	border-radius: 15rpx 15rpx 15rpx 15rpx;
	box-shadow: 3rpx 3rpx 3rpx 2rpx rgba(0, 0, 0, 0.2);
}

.list-one{
	width: 100%;

	font-size: 25rpx;
line-height: 6vh;

display: flex ;
justify-content: space-between;

}
.list-two{
	width: 60%;	
}
.input1{
	border: 1rpx solid #b3b3b3;
	border-radius: 50rpx 50rpx 50rpx 50rpx;
	width:47%;
	padding-left: 3%;
	margin-top: 3%;
	
	
}
.uni-select {
	border-radius: 50rpx 50rpx 50rpx 50rpx !important;
	width: 70% !important;
}
.title{
	margin-top: 2vh;
	font-size: 18rpx;
	text-align: center;
	color: #b3b3b3;
}
.btn{
	margin-top: 2vh;
	width: 60vw;
	font-size: 25rpx;
	background-color: royalblue;
	color: white;
	border-radius: 50rpx 50rpx 50rpx 50rpx;
	
}
.withdrawalsList-two{
	
	position: relative;
	top: 2vh;
	left: 2.5%;
	background-color: white;
	width: 85vw;
	padding: 2vh 5vw 2vh 5vw;
	border-radius: 15rpx 15rpx 15rpx 15rpx;
	box-shadow: 3rpx 3rpx 3rpx 2rpx rgba(0, 0, 0, 0.2);
}
.money{
	color: red;
	font-size: 25rpx;
}
.uni-select__selector{
width: 250rpx !important;

}

</style>
